.login-form-warp {
  width: 400px;
  margin: 96px auto 0;
  padding: 36px 8px 48px;
  border: 1px solid #e9e9e9;
  .slogo {
    margin-bottom: 32px;
    .app-logo {
      width: 64px;
      height: 64px;
      margin: 0 auto 20px;
      img {
        width: 100%;
        height: 100%;
        border-radius: 32px;
        object-fit: contain;
      }
    }
    .app-name {
      margin-bottom: 8px;
      font-size: 32px;
      text-align: center;
      color: #777777;
    }
    .app-desc {
      color: #595959;
      text-align: center;
    }
  }
  .login-form {
    .form-item {
      width: 320px;
      height: 40px;
      margin: 0 auto 16px;

      .input-warp {
        height: 100%;
        input {
          width: 100%;
          height: 100%;
          padding: 7px 11px;
          border: 1px solid rgb(217,217,217);
          border-radius: 4px;
          outline: #09aaff;
          font-size: 16px;
        }
      }
    }
    .remember-password {
      width: 320px;
      margin: 0 auto 10px;
    }
    .submit {
      display: block;
      width: 320px;
      height: 40px;
      margin: 0 auto;
      border: none;
      outline: none;
      background-color: #09aaff;
      font-size: 14px;
      color: #ffffff;
      cursor: pointer;
    }
  }
}